<div class="main-hook role-management-main-hook">
    <span @click.stop="emitPage" class="emit-page-hook"></span>
    <span @click.stop="prePage" class="pre-page-hook"></span>
    <span @click.stop="refreshPage" class="refresh-page-hook"></span>
    <div class="box-wrapper box1-hook" v-show="boxs.box1.show">
        <div class="role-management-wrapper role-management-hook">
            <div class="title">
                当前位置：系统设置&nbsp;->&nbsp;<span class="active">角色管理</span>
            </div>
            <form class="search form-hook">
                <div class="row">
                    <span class="search-label">角色编码</span>
                    <span class="interval-xs"></span>
                    <input type="text" class="search-input xs" name="phoneNumber" placeholder="用户账号">
                    <span class="interval-lg"></span>
                    <span class="search-label">角色名称</span>
                    <span class="interval-xs"></span>
                    <input type="text" class="search-input xs" name="user" placeholder="手机号码">
                    <span class="interval-lg"></span>
                    <button type="submit" class="btn btn-blue search-hook">查询</button>
                </div>
            </form>
            <div class="order_operation_btn">
                <button type="button" class="primary_btn" @click.stop="test1">新增</button>
                <span class="interval-lg"></span>
                <button type="button" class="primary_btn" @click.stop="_deleteRoleManagement">删除</button>
            </div>
            <div class="custom-table-wrapper">
                <table class="custom-table role-management-table-hook"></table>
            </div>
        </div>
    </div>
    <div class="box-wrapper box2-hook" v-show="boxs.box2.show"></div>
    <div class="box-wrapper box3-hook" v-show="boxs.box3.show"></div>
    <div class="box-wrapper box4-hook" v-show="boxs.box4.show"></div>
</div>
<script type="text/javascript" src="js/back/system/role-management/role-management.js" custom></script>
<!--角色管理---新增弹窗-->
<div class="xinzen" id="xinzen">
       <div class="name">
           <span class="interval-xs"></span>
           <span class="search-label">角色名称:</span>
           <input class="" v-text="account.roleName" >
       </div>
       <div>
          <span class="interval-lg"></span>
          <span class="search-label">用户备注:</span>
          <span class="interval-lg"></span>
          <input class="" v-text="account.roleName">
       </div>
</div>
<!--角色管理---修改弹窗-->
<div class="xiugai" id="xiugai">
        <div class="name">
            <span class="interval-xs"></span>
            <span class="search-label">角色名称:</span>
            <input class="" v-text="account.roleName" >
        </div>
        <div>
            <span class="interval-lg"></span>
            <span class="search-label">用户备注:</span>
            <span class="interval-lg"></span>
            <input class="" v-text="account.roleName">
        </div>
</div>